<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
    <input type="text">
    <select id="val">
        <option value="+" class="a b">+</option>
        <option value="-" class="a b1">-</option>
        <option value="*" class="a b2">*</option>
        <option value="/" class="a b3">/</option>
        <option value="%" class="a b4">%</option>
    </select>
    <input type="text">
    <button id="btn">=</button>
    <input type="text">
    <script>
        // 为抵抗洪水，战士连续作战89小时，编程计算共多少天零多少小时？
        // - 89 / 24 = 3.xxxxxxx 
        // - parseInt() 就能拿到小数点前面的数字，得到天数
        // - 89 - (3 * 24)   得到小时
        var time = 89
        var days = parseInt(time / 24)
        
        var hour = time - days * 24
        console.log('一共' + days + '天零' + hour +'小时')

        
        //  小明要到美国旅游，可是那里的温度是以华氏度为单位记录的。

        // - 它需要一个程序将华氏温度（80度）转换为摄氏度，并以华氏度和摄氏度为单位分别显示该温度。
        // - 提示：摄氏度与华氏度的转换公式为：摄氏度 = 5/9.0*(华氏度-32)保留3位小数   num.toFixed(3)
        var fahrenheit = 80
        var centigrade = (5 / 9.0 * (fahrenheit - 32 ) ).toFixed(3)
        console.log('美国现在' + fahrenheit + '华氏度,' + centigrade + '摄氏度')





        // 计算机
        var btn = document.getElementById('btn');
        var num = document.getElementsByTagName('input')[0];
        var num1 = document.getElementsByTagName('input')[1];
        var num2 = document.getElementsByTagName('input')[2];
        var select = document.getElementById('val')
        btn.onclick = function () {
           
            switch (select.value) {
                case "+" :
                num2.value = Number(num.value) + Number(num1.value)
                break
                case "-" :
                num2.value = num.value - num1.value
                break
                case "*" :
                num2.value = num.value * num1.value
                break
                case "/" :
                num2.value = num.value / num1.value
                break
                case "%" :
                num2.value = num.value % num1.value
                break
            }
        }
        

       
        
        // console.log(option)
        // console.log(option.value)
        


    </script>
</body>
</html>